<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

<ui:composition template="/template.xhtml" >

    <ui:define name="titulo">
        #{productoBean.titulo}
    </ui:define>

    <ui:define name="panelPrincipal">        

        <p:panel header="#{productoBean.titulo}" style="width:100%;" styleClass="panel">

            <h:panelGroup layout="block" styleClass="ambBusqueda" >

                    <p:inputText id="txtBusqueda" size="80"
                                 value="#{productoBean.busqueda}" />

                    <p:commandButton icon="find16" value="Buscar"
                                     action="#{productoBean.buscar}"
                                     process="@this,txtBusqueda"
                                     update="@form"/>

             </h:panelGroup>

            <p:messages showDetail="true" />

            <p:dataTable id="lista" value="#{productoBean.lista}"
                             rendered="#{not empty productoBean.lista and productoBean.tipoVista == 'LISTA'   }"
                             var="p" style="width: 100%;">

                    <f:facet name="header" >
                        Productos
                    </f:facet>

                    <p:column headerText="Código" width="50">
                        <h:outputText value="#{p.artcod}"/>
                    </p:column>

                    <p:column headerText="Nombre" width="270">
                        <h:outputText value="#{p.descrp}"/>
                    </p:column>

                    <p:column headerText="Tipo" width="270">
                        <h:outputText value="#{p.tipoProducto.descrp}"/>
                    </p:column>

                    <p:column headerText="Precio Venta" width="270">
                        <h:outputText value="#{p.precioVenta}"/>
                    </p:column>
                    
                    <p:column headerText="Activo" width="30" style="text-align: center;">

                        <h:outputText value="Si" rendered="#{p.auditoria.debaja == 'N'}" />
                        <h:outputText value="No" rendered="#{p.auditoria.debaja == 'S'}" />

                    </p:column>

                    <p:column headerText="" width="50" >

                        <p:commandButton icon="find16" id="seleMovim"
                                         actionListener="#{productoBean.seleccionar(p)}"
                                         update="@form" process="@this" styleClass="btnTabla" />

                        <p:commandButton icon="delete16" id="deleteMovim"
                                         actionListener="#{productoBean.deBaja(p)}"
                                         update="@form" process="@this" styleClass="btnTabla" />

                    </p:column>

                </p:dataTable>                

            <h:panelGrid columns="4"
                             rendered="#{not empty productoBean.producto and productoBean.tipoVista == 'DATO'}"
                             columnClasses="colLabel,colDato,colLabel,colDato" >

                    <h:outputText value="Activo"/>
                    <p:selectOneRadio  value="#{productoBean.producto.auditoria.debaja}" >
                        <f:selectItem itemLabel="Si" itemValue="N" />
                        <f:selectItem itemLabel="No" itemValue="S" />
                    </p:selectOneRadio>

                    <h:outputText value=""/>
                    <h:outputText value=""/>

                    <h:outputText value="Código"/>
                    <p:inputText value="#{productoBean.producto.artcod}"
                                 size="6"
                                 readonly="#{not empty productoBean.producto.artcod}"
                                 required="true"
                                 requiredMessage="Ingrese un código para le producto" />

                    <h:outputText value="Descripción"/>
                    <p:inputText value="#{productoBean.producto.descrp}" 
                                 size="60"
                                 required="true"
                                 requiredMessage="Ingrese la descripción del producto" />

                    <h:outputText value="Tipo de producto: " />
                    <p:selectOneMenu value="#{productoBean.producto.tipoProducto}" style="width: 150px;"
                                     required="true"
                                     converter="#{conversoresInventario.tipoProducto}"
                                     requiredMessage="El tipo es obligatorio"
                                     filter="true" filterMatchMode="startsWith" >
                        <f:selectItem itemLabel="Seleccionar" itemValue="" />
                        <f:selectItems value="#{productoBean.tipos}"
                                       var="i" itemLabel="#{i.descrp}" itemValue="#{i}"/>
                        <!--
                        <p:ajax process="@this" update="@form" listener="#{ajusteInventarioBean.limipiarSector('I')}"/>
                        -->
                    </p:selectOneMenu>

                    <h:outputText value="Unidad de medida: " />
                    <p:selectOneMenu value="#{productoBean.producto.unidadMedida}" style="width: 150px;"
                                     required="true"
                                     converter="#{conversoresInventario.unidadMedida}"
                                     requiredMessage="El tipo de producto es obligatorio"
                                     filter="true" filterMatchMode="startsWith" >
                        <f:selectItem itemLabel="Seleccionar" itemValue="" />
                        <f:selectItems value="#{productoBean.unidadMedidas}"
                                       var="i" itemLabel="#{i.descrp}" itemValue="#{i}"/>
                        <!--
                        <p:ajax process="@this" update="@form" listener="#{ajusteInventarioBean.limipiarSector('I')}"/>
                        -->
                    </p:selectOneMenu>
                    
                </h:panelGrid>
                
            <p:spacer height="10" />

            <h:panelGroup layout="block" styleClass="ambBusqueda" >

                <p:commandButton icon="blank16" value="Nuevo"
                                 action="#{productoBean.nuevo}"
                                 process="@this"
                                 update="@form"/>

                <p:commandButton icon="save16" value="Guardar"
                                 action="#{productoBean.guardar}"
                                 rendered="#{productoBean.tipoVista == 'DATO'}"
                                 process="@form"
                                 update="@form"/>
                
            </h:panelGroup>

</p:panel>

    </ui:define>

</ui:composition>
    
</html>